<?xml version="1.0"?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="resources/dump-list.js"></script>
    <script>
        function test()
        {
            if (window.testRunner)
                testRunner.dumpAsText();

            var list1 = document.getElementById("list1");
            document.getElementById("console1").innerHTML = dumpList(list1);

            var list2 = document.getElementById("list2");
            document.getElementById("console2").innerHTML = dumpList(list2);

            var list3 = document.getElementById("list3");
            document.getElementById("console3").innerHTML = dumpList(list3);

            var list4 = document.getElementById("list4");
            document.getElementById("console4").innerHTML = dumpList(list4);

            var list5 = document.getElementById("list5");
            document.getElementById("console5").innerHTML = dumpList(list5);

            var list6 = document.getElementById("list6");
            document.getElementById("console6").innerHTML = "Value of start attribute of the list is : " + list6.start;

            // Don't show the actual lists as they are useless in the text-only mode.
            list1.parentNode.removeChild(list1);
            list2.parentNode.removeChild(list2);
            list3.parentNode.removeChild(list3);
            list4.parentNode.removeChild(list4);
            list5.parentNode.removeChild(list5);
            list6.parentNode.removeChild(list6);
        }
    </script>
</head>
<body onload="test()">
    <p>This tests that reversed lists render properly.</p>
    <ol id="list1" reversed="reversed">
        <li>Five</li>
        <li>Four</li>
        <div style="display: list-item">Three</div>
        <li>Two</li>
        <li>One</li>
    </ol>
    <p id="console1"></p>

    <p>This tests that reversed lists with a custom start value render properly.</p>
    <ol id="list2" reversed="reversed" start="10">
        <li>Ten</li>
        <li>Nine</li>
        <li>Eight</li>
        <li>Seven</li>
        <li>Six</li>
    </ol>
    <p id="console2"></p>

    <p>This tests that reversed lists with explicit item values render properly.</p>
    <ol id="list3" reversed="reversed">
        <li>Five</li>
        <li>Four</li>
        <li value="2">Two</li>
        <li>One</li>
        <li>Zero</li>
    </ol>
    <p id="console3"></p>

    <p>This tests that reversed lists with a custom start value and explicit item values render properly.</p>
    <ol id="list4" reversed="reversed" start="10">
        <li>Ten</li>
        <li>Nine</li>
        <li value="3">Three</li>
        <li>Two</li>
        <li>One</li>
        <li value="3">Three</li>
        <li>Two</li>
        <li>One</li>
    </ol>
    <p id="console4"></p>

    <p>This tests that reversed lists with a negative start value render properly.</p>
    <ol id="list5" reversed="reversed" start="-5">
        <li>Minus Five</li>
        <li>Minus Six</li>
        <li>Minus Seven</li>
        <li>Minus Eight</li>
        <li>Minus Nine</li>
    </ol>
    <p id="console5"></p>

    <p>This tests that reversed lists have the start attribute equals the number of list items when no start value is specified.</p>
    <ol id="list6" reversed="reversed">
        <li>Five</li>
        <li>Four</li>
        <li>Three</li>
        <li>Two</li>
        <li>One</li>
    </ol>
    <p id="console6"></p>

</body>
</html>
